// 这是通用的css
@import "normalize";
@import "animation";
body{
  position:relative;
}
//第一版本
.main-header {
	width: 1000px;
	position:fixed;
	top:60px;
	left:0;
	right:0;
	margin:0 auto;
	box-sizing: border-box;
	a {
		transition: width 1s ,height 1s;
    	display:block;
    	width: 309px;
    	height: 79px;
	}
}
.frist-page {
	background: url("../images/one-bg.png") no-repeat;
	background-size: 100% 100%;
	.box{
		width:1000px;
		margin:0 auto;
		padding-top:345px;
		color:#fff;
		display: flex;
        justify-content: space-between;
		h1{
			font-size:32px;
		}
		p{
			font-size:18px;
			text-indent:40px;
			margin-top:77px;
			line-height:45px;
		}
		.lf{
			width:430px;
			p{
				line-height:35px;
			}
		}
		.rt{
			width:503px;
			i.phone-one{
				display:inline-block;
				width:189px;
				height:445px;
				background:url("../images/phone1.png") no-repeat;
				margin-right:15px;
			}
			i.phone-two{
				width:217px;
				height:445px;
				display:inline-block;
				background:url("../images/phone2.png") no-repeat;
			}
		}
	}
}
// 第二模块
.second-page {
	background: url("../images/two-bg.png") no-repeat;
	background-size:100% 100%;
	.box{
		width:1000px;
		margin:0 auto;
		color:#000;
		padding-top:300px;
		display: flex;
        justify-content: space-between;
		.lf{
			width:500px;
			.people{
				display:inline-block;
				width:382px;
				height:379px;
				background:url("../images/people.png") no-repeat;
			}
		}
		.rt{
			width:500px;
			p{
				line-height:40px;
				margin-top:80px;
				font-size:20px;
				color:#666;
			}
		}
	}
}
// 第三模块
.third-page {
	background: url("../images/three-bg.png") no-repeat;
	background-size:100% 100%;
	.box{
		width:1000px;
		margin:0 auto;
		padding-top:320px;
		color:#fff;
		display: flex;
    	justify-content: space-between;
		p{
			color:#4E585F;
			width:380px;
			font-size:16px;
			line-height:40px;
		}
		h1{
			font-weight:normal;
			font-size:22px;
			margin-top:57px;
			position:relative;
		}		
		// 这是左边
		.lf{
			width:394px;
			box-sizing:border-box;
			i{
		    vertical-align:middle;
			display:inline-block;
			margin-right:15px;
			}
			.bookself-icon{
				width:44px;
				height:40px;
				background:url("../images/bookself-icon.png") no-repeat;
			}
			.fenxi-icon{
				width:45px;
				height:45px;
				background:url("../images/fenxi-icon.png") no-repeat;
			}
			.left-border{
				width:384px;
				height:126px;
				background:url("../images/left-icon.png") no-repeat;
			}
		}
		// 这是右边
		.rt{
			 width:399px;
			 box-sizing:border-box;
			i{
			    position:absolute;
				right:0;	
				top:-8px;
				display:inline-block;
			}
			.homework-icon{
				width:50px;
				height:50px;
				background:url("../images/homework-icon.png") no-repeat;
			}
			.intrdouce-icon{
				width:50px;
				height:50px;
				background:url("../images/intruduce-icon.png") no-repeat;
			}
			.right-border{
				width:384px;
				height:126px;
				background:url("../images/right-icon.png") no-repeat;
			}
		}
	}
}
.rt-box{
	.distance{
		margin-left:60px;
	}
}
// 第四模块
.fourth-page {
	background: url("../images/four-bg.png") no-repeat;
	background-size:100% 100%;
}
.foot {
    width: 1000px;
    margin: auto;
    margin-top: 300px;
    display: flex;
    justify-content: space-between;
}
.middle .yuan {
    background: url(../images/yuan.png) no-repeat #c3c3c3 28px 15px;
    width: 113px;
    height: 113px;
    vertical-align: middle;
    padding: 20px;
    border-radius: 50%;
    position: relative;
    top: 0;
}